<template>
	<view class="cont">
		<view class="" style="display: flex; height: 200rpx;">
			<image style="height: 200rpx;width: 290rpx;" src="../../static/uni.png" mode="center"></image>
			<view class="" style="margin: 0px 10px;">
				<h2 style="">前端三件套课程</h2>
				<view  class="tab" v-for="index in 3">
					<uni-tag :inverted="true" text="文学共度" type="primary" />
				</view>
				<u-button class="watch"type="success" text="前去观看"></u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"classed",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	.watch{
		float: right;
		width: 200rpx; 
		border-radius: 20px;
	}
	.tab{
		margin: 10px 3px;
		float: left;
	}
	.cont{
		width: 100%;
		border-radius: 10px;
		padding: 10px;
		background-color: antiquewhite;
	}

</style>